﻿@model EventSys.MVC4Web.Models.LoginModel

@{
    ViewBag.Title = "Iniciar sesión";
}
<hgroup class="title">
    <h1>@ViewBag.Title</h1>
</hgroup>

<section id="loginForm" >
@*<h2>Iniciar Sesión</h2>*@    

    @using (Html.BeginForm(new { ReturnUrl = ViewBag.ReturnUrl })) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Formulario de inicio de sesión</legend>
        <ol>
            <li>
                @Html.LabelFor(m => m.UserName)<br />
                @Html.TextBoxFor(m => m.UserName)
                @Html.ValidationMessageFor(m => m.UserName)
            </li>
            <li>
                contraseña
               @* @Html.LabelFor(m => m.Password)<br />
                @Html.PasswordFor(m => m.Password , new { @class = "ui-corner-all form-input-text box-shadow-soft" })
                @Html.ValidationMessageFor(m => m.Password)*@
                <input type="password" placeholder="Contraseña" required class="ui-corner-all form-input-text box-shadow-soft" name="Password" />
            </li>
            <li>
                @*checkbox*@
                @Html.CheckBoxFor(m => m.RememberMe)
                @Html.LabelFor(m => m.RememberMe, new { @class = "checkbox" })
            </li>
        </ol>
        <input type="submit" value="Iniciar sesión" class="k-button" />        
    </fieldset> 
    <div id="wrap">
         Si no tiene ninguna cuenta Registrate Aqui: @Html.ActionLink("Registrar", "Register") <br />
         Si no recuerdas tu contraseña:@Html.ActionLink("Recuperar Contraseña","RecuperarContraseña","Login")
    </div> 
    
}
</section>

@*<section class="social" id="socialLoginForm">
    <h2>Usar otro servicio para iniciar sesión.</h2>
    @Html.Action("ExternalLoginsList", new { ReturnUrl = ViewBag.ReturnUrl })
</section>*@

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

<script>

    $(document).ready(function () {

        //CENTRAR LOGIN
        $('input[type="text"], input[type="password"]').focus(function () {
            $(this).animate({ 'width': '+=10px', 'padding': '0 +=8px' }, 180)
        }).focusout(function () {
            $(this).animate({ 'width': '-=10px', 'padding': '0 5px' }, 180)
        });

    });

</script>



